<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery 常用选择器</title>
<script type="text/javascript" src="/static/jquery-1.11.3.min.js"></script>
<style type="text/css"> .selected{background-color: gray;}</style>
	<script>
		$(function () {
            // 问题1:获取id为msg的元素的内容
            console.log($('#msg').html());
            // 问题2:获取所有的li元素并打印数量
            console.log($('li'));
            // 问题3:获取所有class为selected的元素,字体颜色改为red
            console.log($('.selected'));
            $('.selected').css('color','red');
        })
	</script>
</head>
<body>
	<div id="msg">使用ID选择器获取当前DIV元素</div>
	<ul>
		<li>item1</li>
		<li>item2</li>
		<li>item3</li>
		<li>item4</li>
	</ul>
	<ul id="myul">
		<li>item1</li>
		<li class="selected">item2</li>
		<li>item3</li>
		<li class="selected">item4</li>
	</ul>
	<hr/>
	<div>
		<p>
			问题1:获取id为msg的元素的内容
			
		</p>
		<p>
			问题2:获取所有的li元素并打印数量
			
		</p>
		<p>
			问题3:获取所有class为selected的元素,字体颜色改为red
			
		</p>
		<p>
			问题4:获取id为myul元素中有多少li,学会使用selector和get方法
			
		</p>
	</div>
</body>
</html>